/* 
    Document   : style
    Created on : Jun 24, 2011, 9:34:23 AM
    Author     : Hung
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

body {
    font-family: Verdana, Arial, sans-serif;
    font-size: smaller;
    padding: 1%;
    color: #555;
    background-color: #fafafa;
}

h1 {
    letter-spacing: 3px;
    font-size: 1.4em;
    color: #be7429;
    font-weight: normal;
    width: 550px;
}

table {
    width: 400px;
    padding:5px;
    background-color: #c5e7e0;
    
}

table.link-list {
    width: 220px;
}
th {
    text-align: left;
    border-bottom: 1px solid;
    color:darkblue;
}

td {
    padding: 3px;
}

a:link {
   color: #be7429;
   font-weight: normal;
   text-decoration: none;
}

a:link:hover {
   color: #be7429;
   font-weight: bolder;
   text-decoration: none;
}

/* Properties that both side lists have in common */
div.link-list {
    width:220px;
    position:absolute;
    margin-top:1%;
    padding-left:1%;
    padding-right:1%;
    margin-left:0;
    margin-right:0;
}

div.header {
    background-color: #cfeaf1;
    height: 50px;
    margin-left:0;
    margin-right:0;
    border: solid;
}
/* we leave some place on the side using the margin-* properties */
#main {
        margin-left:220px;
        padding-left:1em;
}
/* and then we put each list on its place */
#list1 {
        left:0;
}
#list2 {
        right:0;
}
